
<!--首页-->
<div class="home" ng-controller="homeCtrl as vm">
    <!--<div class="banner">-->
    <!--<img src="../../img/home/banner@2x.png" alt="">-->
    <!--</div>-->
    <div class="banner">
        <div class="carousel swiper-container">
            <div class="swiper-wrapper">
                <div class="swiper-slide" ng-repeat="x in vm.banners track by $index">
                    <div class="img" ng-style="{'background-image':'url('+x+')'}"
                         ng-click="vm.open(x.type,x.url)"></div>
                </div>
                <div class="nullTips" ng-if="vm.banners.length==''||vm.banners.length==undefined">
                    <img src="/img/main/404-collected.png" alt="缺图">
                </div>
            </div>
            <!-- 如果需要分页器 -->
            <div class="swiper-pagination"></div>
        </div>
    </div>
    <div class="go_invite_wrap">
        <div class="go_invite" data-ng-click="vm.go_invite_register()">
            <div class="img">
                <img src="../../img/home/invite.png" alt="">
            </div>
            <div style="margin: 0 20px 0 10px;">邀请朋友注册</div>
            <div>得积分</div>
        </div>
    </div>
    <div class="award">
        <div class="title">
            <div class="left">
                <img src="../../img/home/award_title.png" alt="">
                <div>四大奖项</div>
            </div>
            <div class="right">
                <div ui-sref="detail.awardsExplain">了解详情</div>
                <img src="../../img/home/arrow_right.png" alt="">
            </div>
        </div>
        <div class="award_list">
            <div class="list" style="background-image: url('../../img/home/award_1.png');">
                <div class="name">公益奖</div>
                <div class="content">
                    {{vm.data.reward.benefit_desc}}
                </div>
            </div>
            <div class="list" style="background-image: url('../../img/home/award_2.png');">
                <div class="name">健康奖</div>
                <div class="content">
                    {{vm.data.reward.healthy_desc}}
                </div>
            </div>
        </div>
        <div class="award_list">
            <div class="list" style="background-image: url('../../img/home/award_3.png');">
                <div class="name">排行榜奖励</div>
                <div class="content">
                    {{vm.data.reward.ranking_desc}}
                </div>
            </div>
            <div class="list" style="background-image: url('../../img/home/award_4.png');">
                <div class="name">参与奖</div>
                <div class="content">
                    {{vm.data.reward.part_desc}}
                </div>
            </div>
        </div>
        <div class="go_detail_wrap">
            <div class="go_detail" ui-sref="detail.awardsExplain">了解详情</div>
        </div>
    </div>
    <div class="activity">
        <div class="title">
            <div class="left">
                <img src="../../img/home/activity_title.png" alt="">
                <div>最新活动</div>
            </div>
            <div class="right" ui-sref="detail.all_activity">
                <div>查看更多</div>
                <img src="../../img/home/arrow_right.png" alt="">
            </div>
        </div>
        <div class="swiper-container activity_list" style="overflow: scroll">
            <div class="swiper-wrapper">
                <div class="swiper-slide list img" data-ng-repeat="item in vm.data.activity" ui-sref="detail.activity_detail({id:item.id})">
                    <div class="img">
                        <img ng-src="{{item.images[0]}}" alt="">
                    </div>
                    <div class="activity_name">{{item.title}}</div>
                    <div class="activity_footer">
                        <div class="left">已有<span>{{item.num}}</span>人报名</div>
                        <div class="right">
                            <div class="go_apply">去报名</div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="property">
        <div class="title">
            <img src="../../img/home/property_title.png" alt="">
            <div>楼盘介绍</div>
        </div>
        <div class="length"></div>
        <div class="content">
            {{vm.data.houses.desc}}
        </div>
        <div class="go_detail_wrap">
            <div class="go_detail" data-ui-sref="detail.housesIntroduce">了解详情</div>
        </div>
    </div>
    <div class="rule">
        <div class="title">
            <div class="left">
                <img src="../../img/home/activity_title.png" alt="">
                <div>参赛须知&活动规则</div>
            </div>
        </div>
        <div class="content" id="rule">

        </div>
    </div>
</div>
<script>
    // window.onload=function(){
        // window.history.pushState({},'', 'http://fangdichan.whtxcloud.com/#/main/home');
        // setTimeout(function () {
        //     window.history.pushState({},'', 'http://fangdichan.whtxcloud.com/#/main/home');
        // },1000);
        // console.log(123321);
    // }
    // $('.rule').click(function () {
    //
    // });
    // window.history.pushState({},'', 'http://fangdichan.whtxcloud.com/#/main/home')
</script>